body{background:#F0F2F4}
.case{width: 960px;margin: 20px auto;overflow: hidden;}

.case_con{width: 960px;margin: 20px auto;clear: both;overflow: hidden;}
.case_con b{font-weight: normal;}
.boxgrid{width: 295px;height: 225px;float: left;overflow: hidden;position: relative;margin: 0 15px 40px 5px;}
.boxgrid img{position: absolute;top: 0;left: 0;border: 0;}
.boxgrid p{color: #afafaf;font-size: 12px;}
.boxcaption{position: absolute;background: #fff;height: 100px;width: 100%;opacity: 1; /* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.caption .boxcaption{top: 180px;left: 0;text-align: left;padding-left: 10px;}
.boxcaption h3 a{font-size: 14px;color: #444444;margin: 10px 0 5px 0;display: block;line-height:24px;}
.boxcaption h3 a:hover{color: #6abb07;}
.boxcaption p{line-height:24px;}


.illustrate{width: 100%;background: url(../image/dian_03.jpg) repeat;overflow: hidden;}
.illustrate_con{width: 1000px;margin: 0px auto;padding: 20px 0;overflow: hidden;color: #d3d3d3;text-align: left;}
.illustrate_con ul{width: 650px;float: left;}
.illustrate_con ul h1{font-size: 24px;color: #6dbc0c;margin-bottom: 15px;}
.illustrate_con strong{font-weight: normal;float: left;display: block;margin-top: 3px;}
.illustrate_con ul .weibo{background: url(../image/icon.png) no-repeat 0 -300px;width: 23px;height: 19px;display: inline-block;margin-top: 5px;margin-right: 15px;float: left;}
.illustrate_con ul .weixin{background: url(../image/icon.png) no-repeat -37px -300px;width: 23px;height: 19px;display: inline-block;float: left;margin-top: 5px;}
.illustrate_con .bt{float: right;width: 175px;margin: 50px 20px 0 0;}
.illustrate_con .bt a{margin: 0 2px;}
.illustrate_con .bt a.back{background: url(../image/icon.png) no-repeat -254px -261px;width: 30px;height: 30px;text-indent: -10000px;float: left;display: block;}
.illustrate_con .bt a.back:hover{background-position: -254px -302px;}
.illustrate_con .bt a.next{background: url(../image/icon.png) no-repeat -290px -261px;width: 30px;height: 30px;text-indent: -10000px;float: left;display: block;}
.illustrate_con .bt a.next:hover{background-position: -290px -302px;}
.illustrate_con .bt a.full{background: url(../image/icon.png) no-repeat -68px -292px;width: 60px;padding-left: 30px;height: 30px;float: left;display: block;color: #6abb07;line-height: 28px;}
.illustrate_con .bt a.full:hover{background-position: -160px -261px;color: #fff;}
.illustrate_con .intro{line-height:2}
.case_list{width: 1200px;margin: 0 auto;overflow: hidden;}
.case_list .com{width:980px;margin: 40px 0 30px;}
/*设置图片最大宽度*/
.case_list .com img { max-width:980px; width:expression(document.body.clientWidth>980?"980px":"auto"); overflow:hidden; }
.case_list .introduce{width: 980px;overflow: hidden;background: #fff;}
.case_list .introduce .title{width: 960px;margin: 20px auto 10px auto;text-align: left;}
.case_list .introduce .title h1{font-size: 18px;color: #339900;}


.introduce_con{width: 960px;margin: 0 auto;overflow: hidden;}
.introduce_con p{color: #272727;font-size: 14px;line-height: 26px;text-align: left;text-indent: 24px;margin-bottom: 10px;}
.introduce_con span{width: 130px;margin: 20px auto;display: block;overflow: hidden;}
.introduce_con span strong{font-weight: normal;float: left;}
.introduce_con span .weibo{background: url(../image/icon.png) no-repeat -448px 0;width: 23px;height: 19px;display: inline-block;margin-right: 15px;margin-top: 3px;float: left;}
.introduce_con span .weixin{background: url(../image/icon.png) no-repeat -482px 0px;width: 23px;height: 19px;display: inline-block;float: left;margin-top: 3px;}

#gallery{overflow:hidden;width:980px;margin:30px 0 ;border-radius:3px;}
#gallery .prev,#gallery .next{ display:block; width:26px; height:26px; float:right; margin-left:5px; overflow:hidden;cursor:pointer; background:url(../image/btn_arow.png) no-repeat;}
#gallery .next{ background-position:-30px 0; }
#gallery ul{list-style:none;width:980px;}
#gallery ul li{display:inline;float:left;margin: 10px 17px 0 0;}
#gallery ul li a{display:block;overflow:hidden;position:relative;border-radius:3px;box-shadow:rgba(0,0,0,0.15) 0 0 8px;background:#fff;border:1px solid #ddd;padding:5px;}
#gallery ul li a:hover{border:1px solid #F90;background:#ffc;box-shadow:rgba(224,194,0,0.9) 0 0 8px;}
#gallery ul li a span{background:#000;display:block;text-align:center;height:22px;color:#fff;line-height:22px;bottom:5px;position:absolute;filter:alpha(opacity=60);opacity:.6;}
#gallery ul li a em{text-align:center;padding:0 5px;height:22px;line-height:22px;font-style:normal;position:absolute;color:#fff;bottom:5px;}
#gallery ul li a u{display:block;height:130px;overflow:hidden;}
#gallery ul img{margin:0;padding:0;border:none;border-radius:0;}
#gallery ul a:hover{text-decoration:none;color:#ccc;}
#gallery ul li,#gallery ul li a u,#gallery ul li a em,#gallery ul li a span{cursor:pointer;}
#gallery ul li a,#gallery ul li a span,#gallery ul li a u,#gallery ul img{width:170px;}
#gallery ul li a em{width:118px;}